									/*Login Form */	
body {
	color: #333333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	/*background: url('http://www.studio-dk.nl/code/loginbg.jpg') no-repeat center center fixed;*/
	background: #2c406e;
	background-size: cover;
	padding: 0;
	margin: 0;
}
#logo{
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0%;	
	left: 55.3%;
	background: url('../images/logo.png') no-repeat center;
}
#login-box, #register-box {
	border-top: 2px solid #365395;
	width: 350px;
	padding: 20px;	
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 
			0 3px 10px 1px rgba(0, 0, 0, 0.7);
}
#login-box{
	margin: 60px auto;
	margin-top: -135px;
}
#register-box{
	margin: 5px auto 5px auto;

}
.header {
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.header h2 {
	text-align: left;
	margin-bottom: 22px;
	font-size: 28px;
	font-weight: 600;
	color: #415b97;
}
hr {
  border: 0;
  border: 1px solid #eeeeee;
}
input[type='text']:focus, input[type="password"],input[type="capcha"]:focus{
  color: #555555;
  border: 1px solid #555555;
  outline: none;
  
}
input[type='text'], input[type='password']{
  margin-top: 3px;
  margin-bottom: 10px;
  width: 93%;
  height: 20px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555555;
  border: 1px solid #cccccc;
line-heigt: 1.428571429;
  border-radius: 5px;
}
input[type="capcha"]{
  margin-top: 3px;
  margin-bottom: 10px;
  width: 64%;
  height: 20px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555555;
  border: 1px solid #cccccc;
  line-heigt: 1.428571429;
  border-radius: 5px;
  
}
input[type="cauhoi"]{
  margin-top: 3px;
  margin-bottom: 10px;
  width: 20%;
  height: 20px;
  padding: 6px 12px;
  font-size: 20px;
  color: #555555;
  border: 1px solid #cccccc;
  line-heigt: 1.428571429;
  border-radius: 5px;
  background: url('../images/captcha.png') no-repeat center;
}


#register, #login{
  float: right;
  text-decoration: none;
  color: #fff;
  padding-top: 10px;
  padding-right: 10px;
  font-weight: 400;
}

#copyright{
  float: right;
  text-decoration: none;
  color: #fff;
  padding-right: 10px;
  font-weight: 400;
}

#register:hover, #login:hover {
  text-decoration: underline;
}
.button {
  margin-top:10px;
  width: 40%;
  font-weight:  500;
  height: auto;
  display: inline-block;
  cursor: pointer;
  padding: 6px 13px;
  border: 0 solid #018dc4;
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  background: #365395;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.button:hover {
  background-color: #2980b9;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#login-header{
	width: 100%; 
	height: 50px; 
	background: #2c406e;
	
}
#login-content{
	height: 100%;
	width: 100%;
	background: #dde8fa;
}
#login-footer{
	width: 100%; 
	height: 30px; 
	background: #2c406e;
	
}
	
